 .teacher-content,
 .teacher {
     position: relative;
     height: 100%;
     width: 100%;
     box-sizing: border-box;
     padding: 30px 20px;
 }
 
 .teacher-content {
     padding: 0;
 }
 
 .teacher-content-top {
     position: absolute;
     height: 30px;
     top: 0;
     width: 100%;
     line-height: 30px;
 }
 
 .teacher-content-bottom {
     position: absolute;
     top: 30px;
     bottom: 0;
     width: 100%;
 }
 
 .avatar-uploader {
     border: 1px solid #ddd;
     border-radius: 2px;
     cursor: pointer;
     position: relative;
     overflow: hidden;
     margin: 0 auto;
     width: 100%;
     height: 100%;
     text-align: center;
 }
 
 .avatar-uploader p {
     position: absolute;
     height: 30px;
     line-height: 30px;
     padding: 0;
     margin: 0;
     z-index: 10;
     bottom: 0;
     left: 0;
     width: 100%;
 }
 
 .avatar-uploader-icon {
     font-size: 28px;
     color: #8c939d;
     text-align: center;
     width: 100px;
     height: 100px;
     line-height: 100px;
 }
 
 .avatar-content {
     position: absolute;
     overflow: hidden;
     top: 10px;
     left: 10px;
     right: 10px;
     bottom: 30px;
 }
 
 .avatar {
     height: 100%;
 }
 
 .register-form {
     text-align: center;
 }
 
 .open-hide {
     position: absolute;
     top: 40%;
     left: 0;
     cursor: pointer;
     z-index: 500;
 }
 
 .border {
     border: 1px solid #ddd;
 }